<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>EPiServer Scrum Dashboard 3.0</title>

    <style type="text/css">
        body { font-family: Arial; font-size: 80%; background-image: url('noise.png'); background-repeat: repeat; background-color: #fff; color: #515151; margin: 0; padding: 0; }
        li { list-style: none outside none; margin: 0; padding: 0; }
        ul { margin: 0; padding: 0; list-style: none outside none; }
        h1 { font-family: "anivers-1","anivers-2",sans-serif; color: #323232; font-size: 1.5em; margin: 0 0 8px 0; }
        h2 { font-family: "anivers-1","anivers-2",sans-serif; color: #424242; font-size: 1.15em; margin: 0 0 3px 0; }
        p { font-size: 1em; line-height: 1.55em; }
        p a { text-decoration: underline; }
        a { text-decoration: none; color: #c91193; }
        a:hover { color: #880161; }
        img { border: 0;}
        table { border: 1px solid #acacac; margin-bottom: 8px; border-collapse: collapse; }
        td { border: 1px solid #acacac; vertical-align: top;}
        th { background-color: #ededed; border: 1px solid #acacac; color: #404040; font-size: 0.95em; text-transform: capitalize; font-family: Arial; font-weight: bold; }
        .sitenav {
            height: 40px;
            background-image: url('top_light.png');
            background-repeat: repeat-x;
            background-color: #1a1a1a;
            font-family: "anivers-1","anivers-2",sans-serif;
            color: #adadad;
            
        }
        .sitenav ul {
            list-style: none outside none;
            margin-left: 10px;
        }
        .sitenav ul li {
            display: inline-block;
            font-weight: normal;
            overflow: hidden;
            font-size: 1em;
        }
        .sitenav ul li a {
            color: #c4c4c4;
            display: block;
            padding: 10px 10px 4px 10px;
        }
        
        .sitenav ul li a:hover {
            color: #fff;
            background-color: #000;
        }
        
        .sitenav ul li a.selected {
            color: #fff;
            background-color: #444;
            text-shadow: 0 -1px 0 #222;
        }
        
        #uiControls li a,
        #viewControls a {
            background: #ededed url('btn_gradient_default.png');
            padding: 3px 10px;
            -moz-border-radius: 7px;
            color: #333;
            text-shadow: 0 1px 0 #efefef;
            margin-right: 3px;
            border: 1px solid #999;
            font-size: 0.9em;

        }
        
        #uiControls li a.selected,
        #viewControls a.selected {
            background: #222 url('btn_gradient.png');
            background-repeat: repeat-x;
            padding: 3px 10px;
            -moz-border-radius: 7px;
            color: #fff;
            text-shadow: 0 -1px 0 #222;
            margin-right: 3px;
            border: 1px solid #999;
            font-size: 0.9em;

        }
        
        #viewControls a.first {
            background: #222 url('btn_gradient.png');
            background-repeat: repeat-x;
            padding: 3px 10px;
            -moz-border-radius: 7px;
            -moz-border-radius-topright: 0;
            -moz-border-radius-bottomright: 0;
            color: #fff;
            text-shadow: 0;
            border: 1px solid #999;
            font-size: 0.9em;
            margin: 0;
        }
        #viewControls a.last {
            background: #ededed url('btn_gradient_default.png');
            padding: 3px 10px;
            -moz-border-radius: 7px;
            -moz-border-radius-topleft: 0;
            -moz-border-radius-bottomleft: 0;
            color: #333;
            text-shadow: 0 1px 0 #efefef;
            border: 1px solid #999;
            border-left: 0;
            font-size: 0.9em;
            margin: 0;
        }
        
        
        p.dropCap:first-letter {
            font-family: font-family: "calluna-1","calluna-2",sans-serif;
            font-size : 400%;
            font-weight : bold;
            float : left;
            width : 1em;
            color : #c91193;
            margin-left: -10px;
        }
       .dropCapWord {
            font-weight : bold;
            color : #c91193;
        }
        .content {
            width: 96.8%;
            margin: 20px 0 0 20px;
            overflow: hidden;
        }
        .overview {
            width: 96.8%;
            margin: 20px 0 10px 20px;
            overflow: hidden;
        }
        .column {
            width: 700px;
            float: left;
        }
        .sidebar {
            width: 220px;
            float: left;
            margin-left: 30px;
            padding: 10px;
            font-size: 0.9em;
        }
        .richUl ul li {
            border-bottom: 1px solid #cecece;
            color: #C91193;
            display: block;
            font-size: 0.9em;
            font-weight: bold;
            line-height: 30px;
            overflow: hidden;
            padding: 10px 7px 6px 7px;
            text-transform: uppercase;
        }
        .richUl ul li.last {
            border-width: 0;
        }
        .richUl ul li a .arrow {
            margin-left: 6px;
        }
        
        
        
        .grid-list li {
            background-color: #efefef;
            float: left;
            margin: 3px;
            width: 154px;
            height: 64px;
            padding: 5px 3px 3px 4px;
        }
        .grid-list li a {
            font-size: 0.9em;
            font-family: Arial;
            color: #000;

        }
        
        .notstarted li {
            background-color: #fed778;
        }
        
        .progress li {
            background-color: #fefcac;
        }
        .done li {
            background-color: #dcf9a5;
        }
        
        .statusTable {
            text-align: center;
        }
        .statusTable th { 
            background: #efefef url('btn_gradient_default.png'); 
            background-position: bottom left;
            background-repeat: repeat-x;
            border: 1px solid #acacac; 
            color: #444; 
            font-size: 1.2em; 
            font-family: Arial; 
            font-weight: bold; 
            text-align: center; 
            text-shadow: 0 1px 0 #efefef;
            padding: 3px 5px 3px 5px;
            width: 90px;
        }
        .statusTable td { 
            border: 1px solid #acacac; 
            color: #444; 
            font-size: 0.9em; 
            font-family: Arial; 
            font-weight: bold; 
            text-align: center; 
            text-shadow: 0 1px 0 #efefef;
            padding: 2px 5px 2px 5px;
        }
        
    </style>
</head>
<body>

<div class="sitenav">
<div style="float:right;padding:8px;"><img src="logo.png" /></div>
    <ul>
        <li><a href="index.html">Project:</a></li>
        <li><a class="selected" href="#">ScrumTestRC <img src="arrowDown.png" /></a></li>
        <li><a href="index.html">Sprint:</a></li>
        <li><a class="selected" href="#">Sprint 40 <img src="arrowDown.png" /></a></li>
        <li><a href="#">Team:</a></li>
        <li><a class="selected" href="#">Frontend <img src="arrowDown.png" /></a></li>
    </ul>
</div>

<div id="uiControls" style="padding:15px 20px 0 20px;">
    <div id="viewControls" style="float:right;"><a class="selected first" href="#"><img src="grid_neg.png" /></a><a class="last" href="list.html"><img src="list.png" /></a></div>
    <ul>
        <li><a class="selected" href="#">Tasks</a> <a class="selected" href="#">Acceptance Tests</a> <a href="#">Impediments</a> <a class="selected" href="#">Graph</a></li>     
    </ul>
</div>

<div class="overview">
    
    <div style="float:left;margin-right:50px;">
       
        <table class="statusTable" border="0">
            <tr>
                <th style="background-color:#fed778;">0h</th>
                <th style="background-color:#fefcac;">0h</th>
                <th>58h</th>
                <th style="background-color:#dcf9a5;">133h</th>
                <th style="background-color:#fed1e1;">119h</th>
            </tr>
            <tr>
                <td>Not Done</td>
                <td>In Progress</td>
                <td>Ready for Test</td>
                <td>Done</td>
                <td>Not Planned</td>
            </tr>
        </table>
        
        <br />
        
        <table class="statusTable" border="0" width="506px">
            <tr>
                <th style="font-size:1em;padding:0;font-weight:normal;width:10%;">Period</th>
                <th style="background:#fff url('progress_green_80.png');font-size:0.9em;padding:0;"><span style="font-weight:normal;">2010-02-22 - 2010-03-12</span></th>
            </tr>
        </table>
        
        <table class="statusTable" border="0" width="506px">
            <tr>
                <th style="font-size:1em;padding:0;font-weight:normal;width:10%">Work</th>
                <th style="background:#fff url('progress_green.png');font-size:0.9em;padding:0;"><span style="font-weight:normal;">79h of 260h</span> 30%</th>
            </tr>
        </table>
        
        <table class="statusTable" border="0" width="506px">
            <tr>
                <th style="font-size:1em;padding:0;font-weight:normal;width:10%">Effort</th>
                <th style="background-color:#fff;font-size:0.9em;padding:0;"><span style="font-weight:normal;">0 of 26</span> 0%</th>
            </tr>
        </table>
        
        
    </div>
    
    <div style="float:left;">
        <img src="graph_dummy.png" />
    </div>
    
</div>


<div class="content">
    <div style="clear: both; overflow: hidden; margin-bottom: 50px;">
        <div style="float:right;background:#dcf9a5;padding:4px 7px;">Finished</div>
        <h1 style="border-bottom: 1px solid gray; padding-bottom: 4px;"><img src="arrowDown_dark.png" />Prepare upgrade to VS2010 <span style="color:Gray;">(#38349),</span><span style="color:#6d9f05;"> Finished</span></h1>
        <div style="margin-left: 15px;">
            
            <h2>Tasks <span style="color:Gray;">(3)</span></h2>
            <table width="100%">
                <tr>
                    <th width="40%">Not Done</th><th width="20%">In Progress</th><th>Done</th>
                </tr>
                <tr>
                    <td>
                        <ul class="grid-list notstarted">
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list progress">
                            
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list done">
                            <li><a href="#">Translation error for old editor</a></li>
                            <li><a href="#">Extra incorrect text in certain language files</a></li>
                            <li><a href="#">Viewstate exception when switching between...</a></li> 
                        </ul>
                    </td>
                </tr>
            </table>
            
            <br />
            
            <h2>Acceptance Tests <span style="color:Gray;">(1)</span></h2>
            <table width="100%">
                <tr>
                    <th width="40%">Not Implemented</th><th width="20%">Ready for Test</th><th>Failed</th><th>Passed</th>
                </tr>
                <tr>
                    <td>
                        <ul class="grid-list notstarted">
  
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list progress">

                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list failed">

                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list done">
                            <li><a href="#">UI Test</a></li>
                        </ul>
                    </td>
                </tr>
            </table>
            
             <br />
             
            <h2>Impediments <span style="color:Gray;">(2)</span></h2>
            <table width="100%">
                <tr>
                    <th width="50%">Open</th><th>Resolved</th>
                </tr>
                <tr>
                    <td>
                        <ul class="grid-list notstarted">
                            
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list done">
                            <li><a href="#">We have old computers</a></li>
                            <li><a href="#">We need to have a Kick Off</a></li>
                        </ul>
                    </td>
                </tr>
            </table>
            
        </div>
        
    </div>
    
    
    
    <div style="clear: both; overflow: hidden; margin-bottom: 50px;">
        <div style="float:right;margin-left:3px;background:#fefcac;padding:4px 7px;">Effort<span style="font-family:Georgia;"> <strong>2</strong></span></div>
        <div style="float:right;background:#fefcac;padding:4px 7px;">In Progress, <span style="font-family:Georgia;"><strong>4</strong></span> hours remaining</div>
        <h1 style="border-bottom: 1px solid gray; padding-bottom: 4px;"><img src="arrowDown_dark.png" />Create 10 developer certification questions <span style="color: Gray;">(#38349),</span><span style="color:#ccad00;"> In Progress</span></h1>
        <div style="margin-left: 15px;">
            
            <h2>Tasks <span style="color:Gray;">(13)</span></h2>
            <table width="100%">
                <tr>
                    <th width="40%">Not Done</th><th width="20%">In Progress</th><th>Done</th>
                </tr>
                <tr>
                    <td>
                        <ul class="grid-list notstarted">
                            <li><a href="#">Upgrading large amounts of XForms fail with...</a></li>
                            <li><a href="#">Permissions for functions</a></li>
                            <li><a href="#">Upgrading large amounts of XForms fail with...</a></li>
                            <li><a href="#">Permissions for functions</a></li>
                            <li><a href="#">Upgrading large amounts of XForms fail with...</a></li>
                            <li><a href="#">Permissions for functions</a></li>
                            <li><a href="#">Upgrading large amounts of XForms fail with...</a></li>
                            <li><a href="#">Permissions for functions</a></li>
                            <li><a href="#">Permissions for functions</a></li>
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list progress">
                            <li><a href="#">Mirroring is extremly slow</a></li>
                            <li><a href="#">Exception manager assumes a clean response</a></li>
                            <li><a href="#">Able to delete all the tabs in dashboard</a></li>
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list done">
                            <li><a href="#">ToRawString Property in link collection...</a></li>
                        </ul>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div style="clear: both; overflow: hidden; margin-bottom: 50px;">
        <div style="float:right;background:#fed778;padding:4px 7px;">Not Started</div>
        <h1 style="border-bottom: 1px solid gray; padding-bottom: 4px;"><img src="arrowDown_dark.png" />Prepare and implement common knowledge site <span style="color: Gray;">(#38685), Not Started</span></h1>
        <div style="margin-left: 15px;">
            
            <h2>Tasks <span style="color:Gray;">(10)</span></h2>
            <table width="100%">
                <tr>
                    <th width="40%">Not Implemented</th><th width="20%">Ready for Test</th><th>Failed</th><th>Passed</th>
                </tr>
                <tr>
                    <td>
                        <ul class="grid-list notstarted">
                            <li><a href="#">Test 4</a></li>
                            <li><a href="#">Test 5</a></li>  
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list progress">
                            <li><a href="#">Import test</a></li>
                            <li><a href="#">Export test</a></li>
                            <li><a href="#">Migration</a></li>
                            <li><a href="#">Test 3</a></li>
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list failed">
                            <li><a href="#">Test 1</a></li>
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list done">
                            <li><a href="#">Regression</a></li>
                            <li><a href="#">UI Tests with iPhone</a></li>
                            <li><a href="#">UI Test with the Android one</a></li>
                        </ul>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div style="clear: both; overflow: hidden; margin-bottom: 50px;">
        <div style="float:right;background:#fed778;padding:4px 7px;">Not Started, 10 Tasks</div>
        <h1 style="border-bottom: 1px solid gray; padding-bottom: 4px;"><img src="arrowRight_dark.png" />Document UI components <span style="color: Gray;">(#38685), Not Started</span></h1>
        <div style="margin-left: 15px;">
            
            <!--<h2><img src="arrowRight_dark.png" />Tasks <span style="color:Gray;">(10)</span></h2>
            <table width="100%">
                <tr>
                    <th width="40%">Not Implemented</th><th width="20%">Ready for Test</th><th>Failed</th><th>Passed</th>
                </tr>
                <tr>
                    <td>
                        <ul class="grid-list notstarted">
                            <li><a href="#">Test 4</a></li>
                            <li><a href="#">Test 5</a></li>  
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list progress">
                            <li><a href="#">Import test</a></li>
                            <li><a href="#">Export test</a></li>
                            <li><a href="#">Migration</a></li>
                            <li><a href="#">Test 3</a></li>
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list failed">
                            <li><a href="#">Test 1</a></li>
                        </ul>
                    </td>
                    <td>
                        <ul class="grid-list done">
                            <li><a href="#">Regression</a></li>
                            <li><a href="#">UI Tests with iPhone</a></li>
                            <li><a href="#">UI Test with the Android one</a></li>
                        </ul>
                    </td>
                </tr>
            </table>-->
        </div>
    </div>
   
</div>

</body>
</html>
